@charset "UTF-8";
#about{
  padding: 34px 0px;
  min-height: 800px;
}
.aboutWrap .menu{
  position: fixed;
  left: 50%;
  top: 149px;
  padding-top: 8px;
  margin-left: -600px;
  @include css3_boxShadow();
  background-color: $color-ffffff;
}
.aboutWrap .menu a{
  display: block;
  width: 106px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
}
.aboutWrap .menu a:hover{
  opacity: 0.9;
}
.aboutWrap .menu a.curr{
  background-color: $color-ff9c00;
  color: $font-color-fff;
}
.aboutWrap .cnt{
  margin-left:122px;
}
.aboutWrap .cnt .ab{
  width: 1076px;
  position: relative;
  @include css3_boxShadow();
  background-color: $color-ffffff;
  margin-top:20px;
}
.aboutWrap .cnt .ab .sub{
  width: 44px;
  height: 64px;
  position: absolute;
  top: 0px;
  right: 20px;
  background: url($image-path +"ui_ico_0013.png") 0px 0px;
}
.aboutWrap .cnt .ab.ct2 .sub{
  background-position: 0px -88px;
}

.aboutWrap .cnt .ab.ct3 .sub{
  background-position: 0px -176px;
}
.aboutWrap .cnt .ab.ct4 .sub{
  background-position: 0px -264px;
}
.aboutWrap .cnt .ab.ct5 .sub{
  background-position: 0px -353px;
}

.aboutWrap .cnt .ab.ct1{
  padding: 36px 0px 32px 0px;
  margin-top: 0px;
}

.aboutWrap .cnt .ab.ct1 .logo{
  width: 399px;
  height: 301px;
  margin: 0px auto;
}
.aboutWrap .cnt .ab.ct1 .txt{
  margin-top: 72px;
  padding: 0px 40px;
}

.aboutWrap .cnt .ab.ct1 .txt p{
  font-size: 14px;
  text-indent: 2em;
  line-height:30px;
  color: $font-color-333;
}

.aboutWrap .cnt .ab.ct2{
  height: 330px;
  padding-top: 78px;
}
.aboutWrap .cnt .ab.ct2 .list{
  height: 244px;
  padding-left:85px;
}
.aboutWrap .cnt .ab.ct2 .list .cc{
  width: 116px;
  height: 116px;
  float: left;
  padding: 5px;
  margin: 60px 9px 0px;
  border-radius: 50%;
  overflow: hidden;
  @include css3_boxShadow();
}
.aboutWrap .cnt .ab.ct2 .list .cc.curr{
  width: 236px;
  height: 236px;
  margin: 0px 41px 0px;

}
.aboutWrap .cnt .ab.ct2 .list .cc img{
  display: block;
}
.aboutWrap .cnt .ab.ct3 div{
  padding: 76px 0px 50px 0px;
  text-align: center;
}
.aboutWrap .cnt .ab.ct4{
  height: 344px;
  padding-top: 104px;
}
.aboutWrap .cnt .ab.ct4 .list .cc{
  float: left;
  width: 128px;
  text-align: center;
  margin-left: 74px;
}

.aboutWrap .cnt .ab.ct4 .list .cc .logo{
  width: 116px;
  height: 116px;
  border-radius: 50%;
  @include css3_boxShadow();
}
.aboutWrap .cnt .ab.ct4 .list .cc span{
  font-size: 16px;
  display: block;
  margin: 18px 0px 20px 0px;
}
.aboutWrap .cnt .ab.ct4 .list .cc .desc{
  line-height: 22px;
}
.aboutWrap .cnt .ab.ct5{
  height: 508px;
  padding: 60px 0px 0px 0px;
}
.aboutWrap .cnt .ab.ct5 .group .g1,
.aboutWrap .cnt .ab.ct5 .group .g2{
  float: left;
}
.aboutWrap .cnt .ab.ct5 .group .g1{
  width: 442px;
  height: 442px;
  margin-left: 68px;
}
.aboutWrap .cnt .ab.ct5 .group .g2{
  font-size: 18px;
  padding: 110px 0px 0px 88px;
  color: $font-color-333;
}
.aboutWrap .cnt .ab.ct5 .group .g2 div{
  margin-bottom: 22px;

}